<template>
  <div class="page" style="">
    <div class="print_title">差旅报销详情 · 禾美环保</div>
    <p class="title">基本信息</p>
    <a-row type="flex" justify="start" class="content" style="padding: 0 9px;">
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >单据编号:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.billNo }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row>
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >申请人:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.proposer_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>

      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >申请部门:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.proposerDeptId_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >申请时间:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.createTime }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >申请公司:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.companyId_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >出差人员:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.employeeName }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >是否外聘人员:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.isExternalEngagedEmployee_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >外聘人员:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.externalPersonnel }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >单据类型:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.billCategory_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >费用所属团队:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.teamId_dictText?formData.teamId_dictText:formData.teamId }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >费用所属年度:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.teamYear_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >团队费用类别:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.teamFeeCategory_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row>
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >是否关联项目:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.isRelProject_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row>
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >是否使用商务卡:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.isUseBusinessCard_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="24">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >出差事由:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.travelReasons }}</p>
          </a-col>
        </a-row>
      </a-col>
    </a-row>

    <a-row type="flex" justify="center" v-if="dataSource && dataSource.length">
      <a-col>
        <p class="title_table">报销详情</p>
      </a-col>
      <a-col :span="24">
        <a-table
          :columns="columns"
          :data-source="dataSource"
          bordered
          :pagination="false"
          size="small"
          :rowClassName="tableRowClass">
          <template slot="departurePlace" slot-scope="text">
            <div>{{ getAddress(text) }}</div>
          </template>
          <template slot="targetPlace" slot-scope="text">
            <div>{{ getAddress(text) }}</div>
          </template>
        </a-table>
      </a-col>
      <a-col :span="24" class="content">
        报销明细费用累计：{{ formData.reimbursementAmount }}元 （注：本次报销实际支付金额为报销明细费用累计。）
      </a-col>
    </a-row>
    <a-row type="flex" justify="center" v-if="dataSource1 && dataSource1.length" style="margin-top: 18px;">
      <a-col>
        <p class="title_table">自驾公里数补助明细</p>
      </a-col>
      <a-col :span="24">
        <a-table
          :columns="columns1"
          :data-source="dataSource1"
          bordered
          :pagination="false"
          size="small"
          :rowClassName="tableRowClass">
          <template slot="departurePlace" slot-scope="text">
            <div>{{ getAddress(text) }}</div>
          </template>
          <template slot="targetPlace" slot-scope="text">
            <div>{{ getAddress(text) }}</div>
          </template>
        </a-table>
      </a-col>
      <a-col :span="24" class="content">
        自驾公里数补助明细费用累计：{{ formData.kilometresAmount }}元 （注：自驾公里数补助累计不计入本次报销金额，使用油卡和定额提现方式兑现。）
      </a-col>
    </a-row>

    <p class="title" style="margin-top: 18px;">结算信息</p>
    <a-row type="flex" justify="start" class="content" style="padding: 0 9px;">
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >结算方式:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.settleType_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12" v-if="formData.settleType==0">
        <a-row>
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >收款户名:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.accountName }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12" v-if="formData.settleType==0">
        <a-row>
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >开户行联行号:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.cnapsCode }}</p>
          </a-col>
        </a-row>
      </a-col>

      <a-col :span="12" v-if="formData.settleType==0">
        <a-row>
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >收款开户行:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.bankName }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12" v-if="formData.settleType==0">
        <a-row>
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >收款账号:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.accountNo }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12" v-if="formData.settleType==2">
        <a-row>
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >关联借款申请:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.loanBillId_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12" v-if="formData.settleType==2">
        <a-row>
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >未还金额(元):</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.outstandingAmount }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12" v-if="formData.settleType==2">
        <a-row>
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >支付金额(元):</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.paymentAmount }}</p>
          </a-col>
        </a-row>
      </a-col>
    </a-row>
    <p class="title" style="margin-top: 18px;" v-if="detail">处理信息</p>
    <a-row type="flex" justify="start" class="content" style="padding: 0 9px;" v-if="detail">
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >付款金额(元):</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.paymentAmount }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row>
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >付款人:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.payHandlerId_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>

      <a-col :span="12">
        <a-row>
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >付款时间:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.payTime }}</p>
          </a-col>
        </a-row>
      </a-col>
    </a-row>
    <!-- 附件信息 -->
    <FileInfor :purchaseFile="purchaseFile" title="附件信息" v-if="purchaseFile && purchaseFile.length"></FileInfor>

    <!-- 流程详情 -->
    <ProcessInfor v-if="formData.bpmStatus !== '1'" :dataHistorySource="dataHistorySource"></ProcessInfor>
  </div>
</template>
<script>
import { getAction } from '@/api/manage'
import FileInfor from '@/components/print/FileInfor.vue' // 审批历史流程列表组件
import ProcessInfor from '@/components/print/ProcessInfor.vue' // 审批历史流程列表组件
import address from '@/components/AddressChoice/address.js'
import { filterMultiDictText, initDictOptions } from '@/components/dict/JDictSelectUtil'
import Area from '@/components/_util/Area'
export default {
	props: {
		formData: {
			type: Object,
			default: () => {},
			required: true
    },
		formDataHistory: {
			type: Object,
			default: () => {},
			required: true
    },
		detail: {
			type: Boolean,
			default: false
    }
	},
  components: {
    FileInfor,
    ProcessInfor
  },
  data() {
    return {
      address,
      filterMultiDictText,
      dictOptions: {},
      dataSource: [], // 物料列表
      columns: [
      {
        title: '序号',
        dataIndex: '',
        key: 'rowIndex',
        width: 30,
        align: 'center',
        customRender: function (t, r, index) {
          return parseInt(index) + 1;
        }
      },
      {
            title: '项目名称',
            align: 'center',
            dataIndex: 'projectId',
            width: 50,
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                return filterMultiDictText(this.dictOptions['projectId'], text + '')
              }
            }
          },
          {
            title: '任务分类',
            align: 'center',
            width: 50,
            dataIndex: 'taskId',
            // width: 180,
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                return filterMultiDictText(this.dictOptions['taskId'], text + '')
              }
            }
          },
          {
            title: '业绩归属年度',
            align: 'center',
            dataIndex: 'attributionYear',
            width: 40,
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                var attributionYear = filterMultiDictText(this.dictOptions['attributionYear'], text + '');
                return attributionYear
              }
            }
          },
          {
            title: '出发时间',
            align: 'center',
            dataIndex: 'setOutTime',
            width: 55
          },
          {
            title: '回程时间',
            align: 'center',
            dataIndex: 'backTime',
            width: 55
          },
          {
            title: '出差天数',
            align: 'center',
            width: 35,
            dataIndex: 'days'
          },
          {
            title: '报销内容',
            width: 45,
            align: 'center',
            dataIndex: 'feeType',
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                var feeType = filterMultiDictText(this.dictOptions['feeType'], text + '');
                return feeType
              }
            }
          },
          {
            title: '交通方式',
            width: 30,
            align: 'center',
            dataIndex: 'transportMode',
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                var transportMode = filterMultiDictText(this.dictOptions['transportMode'], text + '');
                return transportMode
              }
            }
          },
          {
            title: '出发地点',
            align: 'center',
            dataIndex: 'departurePlace',
            width: 60,
            scopedSlots: { customRender: 'departurePlace' }
          },
          {
            title: '到达地点',
            align: 'center',
            dataIndex: 'targetPlace',
            width: 60,
            scopedSlots: { customRender: 'targetPlace' }
          },
          {
            title: '发票类型',
            align: 'center',
            dataIndex: 'isSpecial',
            width: 30,
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                var isSpecial = filterMultiDictText(this.dictOptions['isSpecial'], text + '');
                return isSpecial
              }
            }
          },
          {
            title: '报销金额(元)',
            align: 'center',
            dataIndex: 'amount',
            width: 40
          },
          {
            title: '税费金额(元)',
            align: 'center',
            dataIndex: 'taxation',
            width: 40
          },
          {
            title: '未税金额(元)',
            align: 'center',
            dataIndex: 'untaxedAmount',
            width: 45
          }
			],

      dataSource1: [], // 印章列表
        columns1: [
        {
            title: '序号',
            dataIndex: '',
            key: 'rowIndex',
            width: 30,
            align: 'center',
            customRender: function (t, r, index) {
              return parseInt(index) + 1;
            }
          },
          {
            title: '项目名称',
            align: 'center',
            dataIndex: 'projectId',
            width: 35,
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                return filterMultiDictText(this.dictOptions['projectId'], text + '')
              }
            }
          },
          {
            title: '任务分类',
            align: 'center',
            dataIndex: 'taskId',
            width: 50,
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                return filterMultiDictText(this.dictOptions['taskId'], text + '')
              }
            }
          },
          {
            title: '业绩归属年度',
            align: 'center',
            width: 40,
            dataIndex: 'attributionYear',

            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                var attributionYear = filterMultiDictText(this.dictOptions['attributionYear'], text + '');
                return attributionYear
              }
            }
          },
          {
            title: '出发时间',
            align: 'center',
            dataIndex: 'setOutTime',
            width: 40
          },
          {
            title: '回程时间',
            align: 'center',
            dataIndex: 'backTime',
            width: 40
          },
          {
            title: '出差天数',
            align: 'center',
            dataIndex: 'days',
            width: 35
          },
          {
            title: '报销内容',
            align: 'center',
            dataIndex: 'selfDriving',
            width: 35,
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                var selfDriving = filterMultiDictText(this.dictOptions['selfDriving'], text + '');
                return selfDriving
              }
            }
          },
          {
            title: '交通方式',
            align: 'center',
            dataIndex: 'selfDrivingMode',
            width: 30,

            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                var selfDrivingMode = filterMultiDictText(this.dictOptions['selfDrivingMode'], text + '');
                return selfDrivingMode
              }
            }
          },
          {
            title: '出发地点',
            align: 'center',
            dataIndex: 'departurePlace',
            width: 40,
            scopedSlots: { customRender: 'departurePlace' }
          },
          {
            title: '到达地点',
            align: 'center',
            dataIndex: 'targetPlace',
            width: 40,
            scopedSlots: { customRender: 'targetPlace' }
          },
          {
            title: '出发里程数(km)',
            align: 'center',
            dataIndex: 'startMileage',
            width: 45
          },
          {
            title: '返程里程数(km)',
            align: 'center',
            dataIndex: 'endMileage',
            width: 45
          },
          {
            title: '里程数(km)',
            align: 'center',
            width: 40,
            dataIndex: 'mileage'
          },
          {
            title: '补贴单价(元)',
            align: 'center',
            width: 40,
            dataIndex: 'subsidyUnitPrice',

            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                var subsidyUnitPrice = filterMultiDictText(this.dictOptions['subsidyUnitPrice'], text + '');
                return subsidyUnitPrice
              }
            }
          },
          {
            title: '报销金额(元)',
            align: 'center',
            dataIndex: 'amount',
            width: 40
          },
          {
            title: '补助领款人',
            align: 'center',
            dataIndex: 'subsidyProposer',
            width: 40,

            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                var subsidyProposer = filterMultiDictText(this.dictOptions['subsidyProposer'], text + '');
                return subsidyProposer
              }
            }
          }
        ],

			dataHistorySource: [], // 流程列表
			url: {
				list: '/api/erp/finance/travel/erpFinanceTravelReimbursementDetail/allList',
				suppliesList: '/api/erp/finance/travel/erpFinanceTravelReimbursementDetail/allList',
				historyList: '/api/erpmng/act/task/processHistoryList' // 流程历史跟踪接口
			},
			purchaseFile: [] // 附件
    };
  },
	watch: {
		formData: {
			handler (val) {
				if (val) {
          this.pcaData = new Area()
					this.list()
					this.getHistoryList()
          this.initDictConfig() // 字典值
					if (val.attachments) {
						this.purchaseFile = val.attachments.split(',')
					}
				}
			},
			immediate: true
		},
		formDataHistory: {
			handler (val) {
				if (val) {
					this.getHistoryList()
				}
			},
			immediate: true
		}
	},
	methods: {
    getPcaText(code) {
      return this.pcaData.getText(code);
    },
		// 获取列表
		getHistoryList() {
			var params = { processInstanceId: this.formDataHistory.procInsId };// 查询条件
			getAction(this.url.historyList, params).then(res => {
				if (res.success) {
					this.dataHistorySource = res.result.records || res.result
				}
			})
		},

    initDictConfig() {
      initDictOptions('erp_omc_team_manager,alias_name,id').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'teamId', res.result)
          }
        })
        initDictOptions('erp_omc_project,project_name,id').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'projectId', res.result)
          }
        })
        initDictOptions('erp_omc_project_task,category_name,id').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'taskId', res.result)
          }
        })
        initDictOptions('yjgsnd').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'attributionYear', res.result)
          }
        })
        initDictOptions('reimbursement_content').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'feeType', res.result)
          }
        })
        initDictOptions('transportation').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'transportMode', res.result)
          }
        })
        initDictOptions('invoice_type').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'isSpecial', res.result)
          }
        })
        initDictOptions('tdnd_type').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'teamYear', res.result)
          }
        })

        initDictOptions('erp_omc_team_manager,alias_name,id').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'teamId', res.result)
          }
        })
        initDictOptions('erp_omc_project,project_name,id').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'projectId', res.result)
          }
        })
        initDictOptions('erp_omc_project_task,category_name,id').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'taskId', res.result)
          }
        })
        initDictOptions('erp_employee_file,name,id').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'subsidyProposer', res.result)
          }
        })
        initDictOptions('yjgsnd').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'attributionYear', res.result)
          }
        })
        initDictOptions('expense_account').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'selfDriving', res.result)
          }
        })
        initDictOptions('traffic').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'selfDrivingMode', res.result)
          }
        })
        initDictOptions('tdnd_type').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'teamYear', res.result)
          }
        })
        initDictOptions('subsidy').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'subsidyUnitPrice', res.result)
          }
        })
    },

		list () {
			if (!this.formData.id) {
				return false
			}
			var params = {
        billId: this.formData.id,
        detailType: 1
			}
			getAction(this.url.list, params).then(res => {
				if (res.success) {
            let count = 0
						this.dataSource = res.result.records || res.result
						this.dataSource.forEach((item, index) => {
              item.key = index
              count = count + item.amount
					  })
            this.formData.reimbursementAmount = count.toFixed(2)
				}
      })
			getAction(this.url.suppliesList, { billId: this.formData.id, detailType: 2 }).then(res => {
				if (res.success) {
            let count = 0
						this.dataSource1 = res.result.records || res.result
						this.dataSource1.forEach((item, index) => {
						item.key = index
            count = count + item.amount
            this.formData.kilometresAmount = count.toFixed(2)
					})
				}
      })
		},

		tableRowClass(record, index) {
			console.log('record, index', record, index)
			if (index == 0) {
				return 'rowClass';
			}
      return ''
    },

    getAddress (text) {
      if (!text) {
        return false
      }
      var areaList = text.split(',')
      var areaText = ''
      this.address.map(value => {
        if (areaList[0] && areaList[0] == value.code) {
          areaText = areaText + value.name + '/'
          if (value && value.children && value.children.length) {
            value.children.map(val => {
              if (areaList[1] && areaList[1] == val.code) {
                areaText = areaText + val.name + '/'

                if (val && val.children && val.children.length) {
                  val.children.map(va => {
                    if (areaList[2] && areaList[2] == va.code) {
                      areaText = areaText + va.name
                    }
                  })
                }
              }
            })
          }
        }
      })
      return areaText
    }
	}
};
</script>
<style lang="less" scoped>
.page{
	background: #ffffff;
	padding: 19px 28px 0 28px;
	width: 750px;
	.print_title{
		font-size: 15px;
		font-family: Alibaba PuHuiTi 2.0;
		font-weight: normal;
		color: #000000;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 9px;
	}
	.title {
		background: #EEEEEE;
		font-size: 13px;
		font-family: Alibaba PuHuiTi 2.0;
		font-weight: normal;
		color: #000000;
		padding: 11px 9px;
	}
	.title_table{
		font-size: 13px;
		font-family: Alibaba PuHuiTi 2.0;
		font-weight: normal;
		color: #000000;
	}
}
/deep/ .rowClass{
	font-size: 10px;
	font-family: Alibaba PuHuiTi 2.0;
	font-weight: normal;
	color: #000000;
}
/deep/ .ant-table-thead th{
	font-size: 10px;
	font-family: Alibaba PuHuiTi 2.0;
	font-weight: normal;
	color: #000000;
  padding: 0 !important;
}
/deep/ .ant-table-thead tr{
	background: #EEEEEE;
}
/deep/ .ant-table-small > .ant-table-content > .ant-table-body {
    margin: 0 0px;
}
/deep/ .ant-table-body tr {
	font-size: 10px;
	font-family: Alibaba PuHuiTi 2.0;
	font-weight: normal;
	color: #000000;
}
/deep/ .ant-table-body tr td {
    word-wrap:break-word;
    word-break:break-all;
  }
/deep/ .ant-table-body td {
  padding: 0 !important;
}
.content {
        font-size: 13px;
    }
</style>
